今天要繼續來編輯主頁商品圖,換作別張照片的頁面
1.首先也是先改變商品圖片和文字的版面
HTML程式
改成按下圖片會跳轉介紹商品的頁面
這段程式<a href="nuts.html"> </a>
,就是設定區域內的文字或圖片點擊後,會跳轉到設定的頁面
網頁方面
2.編輯商品的頁面
方法也是從之前製作頁面的程式碼複製過來,然後再做進一步的修改
HTML程式
並修改一下頁面標題,改成黑金剛花生糖
css檔案也是一樣的做法
css程式
開始放置內容,這裡我們先放產品圖和文字
HTML程式
編輯產品圖和文字的位子和字型大小
css程式
網頁方面
今天先做到這邊明天再繼續!